﻿<%@ Page Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage" %>
<%@ Import Namespace="Microsoft.Web.Mvc"%>
<asp:Content ID="indexHead" ContentPlaceHolderID="head" runat="server">
    <title>Detail</title>
</asp:Content>

<asp:Content ID="css_js" ContentPlaceHolderID="js_css" runat="server">
    <link rel="stylesheet" type="text/css" href="/content/stylesheet.css" />
</asp:Content>

<asp:Content ID="indexContentLeft" ContentPlaceHolderID="left_content" runat="server">
 <div class="crumb_nav">
            <a href="/home/index" >Trang Chủ</a> &gt;&gt; <a href="/book/category?id=<%= ViewData["category_id"]%>"><%= ViewData["category_name"]%></a>
            </div>
            <div class="title">
                <span class="title_icon" ><img src="/content/images/bullet1.gif" alt="" title="" /></span>
                <%= ViewData["book_name"]%>
                <span 
                    title="<div style='width:300px'>
					<div style='float:left;margin-left:5px;'>
						<center><img width='98' height='140' src='<%= Html.Encode(ViewData["image_url"])%>' onerror=this.src='/content/images/no_image.jpg'></center>
					</div>
					<div style='float:left;margin-left:25px'>
					    <div class='tt_name'>
						    <%= ViewData["book_name"]%>
					    </div>
					    <div class='tt_detail'>
						    <b>Mã Sách : </b><%= ViewData["book_code"]%> <br/><br/>
						    <b>Tác Giả : </b><%= ViewData["author_name"]%><br/><br/>
						    <b>Giá Bán : </b><%= Html.Encode(ViewData["price_buy"])%><br/><br/>
						    <b>Giá Thuê : </b><%= Html.Encode(ViewData["price_rent"])%><br/><br/>
						    <b>Ngày Cập Nhật : </b><%= Html.Encode(ViewData["updated_date"])%><br/><br/>
					    </div>
					</div>
					<div style='clear:both;'></div>	
				</div>" />
				    <img width="15" height="15" style="position:relative;top:2px;" src="/content/images/icon_search_2.gif"/>
				</span>
            </div>
        
        	<div class="feat_prod_box_details">
            	<div class="prod_img"><img onerror=this.src='/content/images/no_image.jpg' src="<%= Html.Encode(ViewData["image_url"])%>" height="140" width="105" border="0" />
                    <br /><br />
                    <a href="<%= Html.Encode(ViewData["image_url"])%>" rel="lightbox"><img onerror=this.src='/content/images/no_image.jpg' src="/content/images/zoom.gif" border="0" /></a>
                    <br /><br />
                    <div style="float:left;margin-left:10px;"><img src="/content/images/like_btn.png" border="0" style="cursor:pointer;" onclick="addLike();" /></div>
                    <div id="num_like" style="width:49px;height:20px;float:left;background:url(/content/images/like_num.png) no-repeat;padding-top:7px;"><%= Html.Encode(ViewData["num_like"])%></div>
                    <div class="clear"></div>
                </div>
                
                <div class="prod_det_box">
                	<div class="box_top"></div>
                    <div class="box_center">
                    <div class="prod_title">Mô tả</div>
                    <p class="details">
                        <%=ViewData["short_description"]%>
                    </p>
                    <div class="price"><strong>TÁC GIẢ :</strong> <span class="red"><%= ViewData["author_name"]%></span></div>
                    <div class="price"><strong>GIÁ BÁN :</strong> <span class="red"><%= Html.Encode(ViewData["price_buy"])%></span></div>
                    <div class="price"><strong>GIÁ THUÊ :</strong> <span class="red"><%= Html.Encode(ViewData["price_rent"])%></span></div>
                    <br />
                    <a href="javascript::null" class="more"><img src="/content/images/buy_now.gif" border="0" onclick="addCartBuy();" /></a>
                    <a href="javascript::null" class="more"><img src="/content/images/rent_now.gif" border="0" onclick="addCartRent();"/></a>
                    
                    <div class="clear"></div>
                    </div>
                    
                    <div class="box_bottom"></div>
                </div>    
            <div class="clear"></div>
            </div>	
            
              
            <div id="demo" class="demolayout">
                <ul id="demo-nav" class="demolayout">
                <li><a class="active" href="#tab1">Thông tin chi tiết</a></li>
                <li><a class="" href="#tab2">Sách liên quan</a></li>
                <li><a class="" href="#tab3">Bình luận</a></li>
                </ul>
                <div class="tabs-container">
                        <div style="display: block;padding : 10px 10px 10px 15px" class="tab" id="tab1">
                            <%= ViewData["long_description"]%>      
                        </div>	
                        
                        <div style="display: none;" class="tab" id="tab2">
                            <% string [][] resultRelative =(string[][])ViewData["resultRelative"];
                               if (resultRelative[0] != null)
                               {
                                   foreach (string[] row in resultRelative)
                                   {
                                       if (row == null) break;%>
                                <div class="new_prod_box">
                                    <a href="/book/detail?id=<%= row[6]%>"
                                                title="<div style='width:300px'>
					                            <div style='float:left;margin-left:5px;'>
						                            <center><img onerror=this.src='/content/images/no_image.jpg' width='98' height='140' src='<%= row[7]%>'></center>
					                            </div>
					                            <div style='float:left;margin-left:25px'>
					                                <div class='tt_name'>
						                                <%= row[1]%>
					                                </div>
					                                <div class='tt_detail'>
						                                <b>Mã Sách : </b><%= row[0]%> <br/><br/>
						                                <b>Tác Giả : </b><%= row[2]%> <br/><br/>
						                                <b>Giá Bán : </b><%= Html.Encode(row[3])%> <br/><br/>
						                                <b>Giá Thuê : </b><%= Html.Encode(row[4])%> <br/><br/>
						                                <b>Ngày Cập Nhật : </b><%= Html.Encode(row[8])%><br/><br/>
					                                </div>
					                            </div>
					                            <div style='clear:both;'></div>	
				                            </div>">
				                            <%= row[1]%>
				                      </a>
                                    <div class="new_prod_bg">
                                    <a href="/book/detail?id=<%= row[6]%>"><img onerror=this.src='/content/images/no_image.jpg' height="90" width="60" src="<%= row[7]%>"class="thumb" border="0" /></a>
                                    </div>           
                                </div>                    
                            <% }
                               }
                               else
                               { %>
                                <br />&nbsp;&nbsp;&nbsp;&nbsp;Không có sách liên quan !    
                              <% }%>
                            <div class="clear"></div>
                        </div>
                         <div style="display: none;" class="tab" id="tab3">
					            <div class="tab-content" id="tab-review" style="display: block;">
					            <div id="review">
					                 <% string[][] resultComment = (string[][])ViewData["resultComment"];
                                             if (resultComment[0] != null)
                                               {
                                                   foreach (string[] row in resultComment)
                                                   {
                                                       if (row == null) break; %>
					                                <div class="content"><b><%=row[2] %></b> | <%=row[0] %><br>
					                                    <%=row[1] %>
					                                </div><br>
					                                 <% } 
                                             }  else { %>
                                                <br />&nbsp;&nbsp;&nbsp;&nbsp;Không có bình luận nào !    
                                              <% }%>    
					                <div class="pagination">
					                    <%=ViewData["pagination"]%>
					                 </div>
					            </div>
					            <div id="form_comment">
					                <h2 id="review-title">Viết bình luận</h2>	
					                <b>Nội Dung :</b>
					                <textarea style="width: 98%;" rows="8" cols="40" id="content_comment" maxlength="400"></textarea>
					                <span style="font-size: 11px;"><span style="color: #FF0000;">Chú ý :</span> Mã HTML không được chuyển đổi!</span><br><br>
					                <b>Mã Xác Nhận :</b><br>
					                <input type="text" value="" id="captcha_comment" maxlength="6">
					                <br>
					                <br>
					                <img src="/captcha/index" style="border:solid 1px gray;"><br>
					                <br>
					                <a href="javascript:;" class="more" onclick="addComment();"><img src="/content/images/send_now.gif" border="0" /></a>
				                 </div>
				              </div>
				        </div>	
                </div>
			</div>
            

            
        <div class="clear"></div>
</asp:Content>

<asp:Content ID="indexContentRight" ContentPlaceHolderID="right_content" runat="server">
            <% Html.RenderAction("index","sidebar"); %>
             <script type="text/javascript" src="/scripts/jquery.min.js"></script>
             <script type="text/javascript">
                var tabber = new Yetii({
                id: 'demo'
            });
            function addLike() {
                if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari
                    xmlhttp = new XMLHttpRequest();
                }
                else {// code for IE6, IE5
                    xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
                }

                xmlhttp.onreadystatechange = function() {
                    if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
                        if(xmlhttp.responseText==-1)
                            alert("Bạn đã bình chọn sách này !");
                        if(xmlhttp.responseText==-2)
                            alert("Người dùng không tồn tại !");
                        if(xmlhttp.responseText==-3)
                            alert("Vui lòng đăng nhập để dùng chức năng này !");
                        if(xmlhttp.responseText==1)
                            $("#num_like").html(parseInt($("#num_like").html())+1);
                    }
                }
                xmlhttp.open("GET", "/book/jsonAddLike?id=<%= Html.Encode(ViewData["book_id"])%>", true); 
                xmlhttp.send();
            }
            
            function jsonPage(url) {
                if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari
                    xmlhttp = new XMLHttpRequest();
                }
                else {// code for IE6, IE5
                    xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
                }

                xmlhttp.onreadystatechange = function() {
                    if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
                        if(xmlhttp.responseText==-2)
                            alert("Có lỗi đường truyền ! Vui lòng thử lại !");
                        else
                            $("#review").html(xmlhttp.responseText);
                    }
                }
                xmlhttp.open("GET", url, true); 
                xmlhttp.send();
            }
            
            function addComment() {
                if($.trim($("#content_comment").val())=="")
                    alert("Vui lòng nhập nội dung !");
                else if($("#captcha_comment").val()!='<%=this.Session["CaptchaImageText"] %>')
                    alert("Bạn nhập sai mã xác nhận ! Vui lòng nhập lại !");
                else
                {
                    if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari
                        xmlhttp = new XMLHttpRequest();
                    }
                    else {// code for IE6, IE5
                        xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
                    }

                    xmlhttp.onreadystatechange = function() {
                        if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
                            if(xmlhttp.responseText==-3)
                                alert("Vui lòng đăng nhập để dùng chức năng này !");
                            else if(xmlhttp.responseText==-2)
                                alert("Người dùng không tồn tại !");
                            else if(xmlhttp.responseText==-1)
                                alert("Có lỗi đường truyền ! Vui lòng thử lại !");
                            else
                            {
                                $("#review").html(xmlhttp.responseText);
                                $("#form_comment").html("Đăng bình luận thành công !");
                            }
                        }
                    }
                    xmlhttp.open("GET", '/book/jsonAddComment?id=<%= Html.Encode(ViewData["book_id"])%>&comment='+$.trim($("#content_comment").val()), true); 
                    xmlhttp.send();
                }
            }
            
            function addCartBuy() {
                if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari
                    xmlhttp = new XMLHttpRequest();
                }
                else {// code for IE6, IE5
                    xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
                }

                xmlhttp.onreadystatechange = function() {
                    if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
                        if(xmlhttp.responseText==-1)
                            alert("Có lỗi xảy ra trong quá trình thêm vào giỏ hàng !");
                        else if(xmlhttp.responseText==-2)
                            alert("Đã hết hàng vui lòng chọn sách khác !");
                        else if(xmlhttp.responseText==-3)
                            alert("Bạn đã thêm vượt quá số lượng sách hiện có !");
                        else{ //if(xmlhttp.responseText==1)
                            $("#err").html("");
                            $("#buybook").html(xmlhttp.responseText);
                            alert("Bạn đã thêm vào giỏ hàng thành công !");
                        }
                    }
                }
                xmlhttp.open("GET", "/cart/JsonAddCartBuy?id=<%= Html.Encode(ViewData["book_id"])%>", true); 
                xmlhttp.send();
            }
            function addCartRent() {
                if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari
                    xmlhttp = new XMLHttpRequest();
                }
                else {// code for IE6, IE5
                    xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
                }

                xmlhttp.onreadystatechange = function() {
                    if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
                        if(xmlhttp.responseText==-1)
                            alert("Có lỗi xảy ra trong quá trình thêm vào giỏ hàng !");
                        else if(xmlhttp.responseText==-2)
                            alert("Đã hết hàng vui lòng chọn sách khác !");
                        else if(xmlhttp.responseText==-3)
                            alert("Bạn đã thêm vượt quá số lượng sách hiện có !");
                        else{ //if(xmlhttp.responseText==1)
                            $("#err").html("");
                            $("#rentbook").html(xmlhttp.responseText);
                            alert("Bạn đã thêm vào giỏ hàng thành công !");
                        }
                    }
                }
                xmlhttp.open("GET", "/cart/JsonAddCartRent?id=<%= Html.Encode(ViewData["book_id"])%>", true); 
                xmlhttp.send();
            }                        
            </script>
                
</asp:Content>

